﻿
@{
    ViewBag.Title = "";
}
<script type="text/javascript">
    var ID = '@ViewBag.ID';
</script> 
<script src="~/Scripts/Breezejs/WorkerDetail.js"></script>
<style>
    .area{
        min-height: 270px;
        max-height: 300px;  
        overflow:auto;
    }
    .form-group{
        margin-bottom: 0;
    }
    tbody tr{
        cursor: pointer;
    }
</style>
<div id="_overview">
    <div class="col-md-6">
        <h4>Personal Information</h4>
        <div class="form-horizontal">
            <div class="form-group">
                <label class="col-xs-3">Full Name</label>
                <div class="col-xs-3">
                    <span data-bind="text: infor().Name"></span>
                </div>
                <label class="col-xs-3">Gender</label>
                <div class="col-xs-3">
                    <select id="_selectgender" style="display:none" class="form-control" data-bind="value: infor().Sex" onchange="    $('#_gender').text($('#_selectgender option:selected').text())">
                        <option value="1">Male</option>
                        <option value="0">Female</option>
                        <option value="-1">Other</option>
                    </select>
                    <span id="_gender"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Birthday</label>
                <div class="col-xs-3">
                    <span data-bind="text: moment(infor().Birthday()).format('DD/MM/YYYY')"></span>
                </div>
                <label class="col-xs-3">BirthPlace</label>
                <div class="col-xs-3">
                    <span data-bind="text: infor().PlaceofBirth"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Address</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().Address"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Nationality</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().Nationality"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Email</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().Email"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Home Phone</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().HomePhone"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Office Phone</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().OfficePhone"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">Cell Phone</label>
                <div class="col-xs-9">
                    <span data-bind="text: infor().CellPhone"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-xs-3">CV</label>
                <div class="col-xs-9">
                    <a href="javascript:void(0)" onclick="_downloadcv()" title="Download CV">
                        <span data-bind="text: infor().CVName "></span>
                    </a>
                </div>
            </div>
        </div>



    </div>
    <div class="col-md-6">
        <h4>Career Expectation</h4>
        <div class="area">
            <table class="table table-hover table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Job Title</th>
                        <th>Function</th>
                        <th>Level</th>

                    </tr>
                </thead>
                <tbody data-bind="foreach: career">
                    <tr onclick="rowClick()">
                        <td><span data-bind="text: $index() + 1"></span></td>
                        <td><span data-bind="text: Title"></span></td>
                        <td><span data-bind="text: Industry().Name"></span></td>
                        <td><span data-bind="text: JobLevel().Name"></span></td>
                    </tr>
                </tbody>
            </table>
        </div>
      

    </div>
    <div class="col-md-6">
        <h4>Education</h4>
        <div class="area">
            <table class="table table-hover table-striped">
                <thead class="header">
                    <tr>
                        <th>#</th>
                        <th>School/Program</th>
                        <th>Graduation</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: edu">
                    <tr>
                        <td><span data-bind="text: $index() + 1"></span></td>
                        <td><span data-bind="text: University().Name"></span></td>
                        <td><span data-bind="text: EndDate"></span></td>
                    </tr>
                </tbody>
            </table>

        </div>
       

    </div>
    <div class="col-md-6">
        <h4>Work Experience</h4>
        <div class="area">
            <table class="table table-hover table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Company Name</th>
                        <th>Job Title</th>

                    </tr>
                </thead>
                <tbody data-bind="foreach: exp">
                    <tr>
                        <td><span data-bind="text: $index() + 1"></span></td>
                        <td><span data-bind="text: CompanyName"></span></td>
                        <td><span data-bind="text: JobTitle"></span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        

    </div>
    

</div>